<div class="row">
  <div class="span12">

    <div id="carouselShow">
      <div class="myloader"></div>
      <!-- CONTENT -->
      <ul class="bannerscollection_kenburns_list">
        <?php if (!empty($rotatingImages)) {
          foreach($rotatingImages as $rotatingImage){
            $image = !empty($rotatingImage['Photo']) ? $rotatingImage['Photo'] : null;
            if(!empty($image)) {
              echo '<li  data-initialZoom="1" data-finalZoom="0.4" data-horizontalPosition="center" data-verticalPosition="center"  data-bottom-thumb="/img/'.$image['image_thumb_path'].'" ><img src="/img/'.$image['image_path'].'" alt="" width="2500" height="900" /></li>';
            }
          }
        } else { ?>
          <li data-initialZoom="1" data-finalZoom="0.77" data-horizontalPosition="left" data-verticalPosition="top"  data-bottom-thumb="/img/homepagephotos/food1_1_thumb.jpg" ><img src="/img/homepagephotos/food1_1.jpg" alt="" width="1800" height="648" /></li>

          <li data-initialZoom="1" data-finalZoom="0.77" data-horizontalPosition="center" data-verticalPosition="center" data-bottom-thumb="/img/homepagephotos/food2_1_thumb.jpg" ><img src="/img/homepagephotos/food2_1.jpg" alt="" width="1800" height="648" /></li>

          <li data-initialZoom="1" data-finalZoom="0.77" data-horizontalPosition="right" data-verticalPosition="top" data-bottom-thumb="/img/homepagephotos/food3_1_thumb.jpg" ><img src="/img/homepagephotos/food3_1.jpg" alt="" width="2500" height="900" /></li>

          <li data-initialZoom="1" data-finalZoom="0.77" data-horizontalPosition="center" data-verticalPosition="center" data-bottom-thumb="/img/homepagephotos/food4_1_thumb.jpg" ><img src="/img/homepagephotos/food4_1.jpg" alt="" width="2500" height="900" /></li>

      <?php  } ?>


      </ul>
    </div>
  </div>
</div>